<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>{{ config('region.region.city', '') }}新房装修_{{ config('region.region.city', '') }}
        装饰公司_{{ config('region.region.city', '') }}家装设计师-蚂蚁馆嘉装</title>
    <meta name="author" content="author">
    <meta name="keywords"
          content="{{ config('region.region.city', '') }}自己装修,{{ config('region.region.city', '') }}独立家装设计师,{{ config('region.region.city', '') }}装修施工队,{{ config('region.region.city', '') }}自己装修价格,蚂蚁馆嘉装">
    <meta name="description"
          content="{{ config('region.region.city', '') }}蚂蚁馆嘉装，自己装修也很轻松。装修前的装修攻略，装修前{{ config('region.region.city', '') }}装饰公司的挑选，业主也可以在网站直接找到{{ config('region.region.city', '') }}独立家装设计师、装修团队、{{ config('region.region.city', '') }}装修建材商、{{ config('region.region.city', '') }}家具商、软装服务商。">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Window-target" content="_top">
    <meta name="robots" content="none">
    <!-- 收藏图标 -->
    <!-- <link rel="Shortcut Icon" href="favicon.ico"> -->
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="{{ asset('web/style/bootstrap.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('web/style/comm.css') }}">
    <link rel="stylesheet" href="{{ asset('web/font/iconfont.css') }}">
    <script src='https://cdn.staticfile.org/vue/2.2.2/vue.min.js'></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="{{ asset('web/style/idangerous.swiper.css') }}">
    <link rel="stylesheet" href="{{ asset('web/style/index.css') }}">
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?eb959a0f08e8a123dcbd729738b9ed8e";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>
<div id="app">
    <!-- 头部登录部分 -->
    <div class="head">
        <div class="content clearfix">
            <div class="pull-left">
                @if(config('region.region.url', '') && is_domain_top())
                    <i class="iconfont icon-dizhi"></i>
                    <span>全国</span>
                    <a href="{{ url('region') }}"> [切换]</a>
                    <a href="{{ config('region.region.url', '') }}" target="_blank"
                       style="margin-left: 5px; color: beige;">
                        快速进入 >
                        <span style="color: red;">{{ config('region.region.city', '') }}站</span>
                    </a>
                @elseif(!is_domain_top())
                    <i class="iconfont icon-dizhi"></i>
                    <span>{{ config('region.region.city', '') }}</span>
                    <a href="{{ generate_top_url('/region') }}">[切换]</a>
                @endif
            </div>
            <div class="pull-right">
                <a href="javascript:;">登录</a>
                <a href="javascript:;">注册</a>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="content">
            <div class="pull-left">
                <a href="{{ url('/') }}"><img src="{{ asset('web/images/logo.png') }}" alt="" class="logo"></a>
            </div>
            <div class="pull-left">
                <div class="list">
                    <a href="javascript:;" class="active">首页</a>
                    <a href="javascript:;">独立设计师</a>
                    <a href="javascript:;">装修师傅</a>
                    <a href="javascript:;">装修监理</a>
                    <a href="{{ url('jiancaiku') }}">本地建材</a>
                    <a href="{{ url('jiaju') }}">家具</a>
                    <a href="javascript:;">软装</a>
                </div>
            </div>
            <div class="pull-right">
                <label class="search">
                    <input type="text" placeholder="请输入"/>
                    <i class="iconfont icon-sousuo basecolor"></i>
                </label>
            </div>
        </div>
    </div>
    <div class="pageIndex">
        <div class="banners">
            <div class="swiper-container">
                <div class="pagination2"></div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/banner.png') }}" alt="" class="banner">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/banner.png') }}" alt="" class="banner">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/banner.png') }}" alt="" class="banner">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/banner.png') }}" alt="" class="banner">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/banner.png') }}" alt="" class="banner">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="content">
            <ul class="indexnav">
                <li>
                    <a href="#li0">
                        <i class="iconfont icon-bijiben"></i>
                        <div>自己装修攻略</div>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont icon-plus-pic"></i>
                        <div>成品案例</div>
                    </a>
                </li>
                <li>
                    <a href="{{ generate_top_url('/baike/index') }}">
                        <i class="iconfont icon-boshimao1"></i>
                        <div>装修百科</div>
                    </a>
                </li>
                <li>
                    <a href="{{ url('company') }}">
                        <i class="iconfont icon-2fengongsi"></i>
                        <div>装饰公司</div>
                    </a>
                </li>
            </ul>
            <div class="li0" id="li0">
                <div class="cf">
                    <div class="pull-left">
                        <div class="title">
                            <span>自己装修攻略</span>
                            <i class="iconfont icon-you"></i>
                        </div>
                        <ul class="t">
                            <li class="t-0">
                                <a href="javascript:;">
                                    <div class="tTitle">装箱前</div>
                                    <div class="desc">装修好复杂,该从哪下手?</div>
                                </a>
                            </li>
                            <li class="t-1">
                                <a href="javascript:;">
                                    <div class="tTitle">装修中</div>
                                    <div class="desc">过程繁琐,攻略帮助我!</div>
                                </a>
                            </li>
                            <li class="t-2">
                                <a href="javascript:;">
                                    <div class="tTitle">装修后</div>
                                    <div class="desc">摆好沙发挂窗帘,开启美好生活!</div>
                                </a>
                            </li>
                        </ul>
                        <ul class="bi">
                            @foreach ($article as $item)
                                <li>
                                    <a href="{{ generate_top_url('/baike/detail','',$item->id) }}">
                                        <div class="img">
                                            <img src="{{ $item->media->path }}" alt="">
                                        </div>
                                        <div class="b">
                                            <div class="b-title">{{ $item->title }}</div>
                                            <div class="desc">{{ $item->guide }}</div>
                                        </div>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="pull-right">
                        <div class="t">
                            装修攻略推荐
                            <a href="javascript:;" class="r">查看更多</a>
                        </div>
                        <div class="b">
                            <img src="{{ asset('web/images/advance1.jpg') }}"/>
                            <ul>
                                @foreach ($strategy as $item)
                                    <li>
                                        <div class="img">
                                            <img src="{{ $item->media->path }}"/>
                                        </div>
                                        <div class="desc">
                                            <div>{{ $item->guide }}</div>
                                            <a href="{{ generate_top_url('/baike/detail','', $item->id) }}">查看攻略</a>
                                        </div>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="li1">
                <div class="title">
                    <span>独立设计师</span>
                    <i class="iconfont icon-you"></i>
                </div>
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/developer1.png') }}"/>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/developer1.png') }}"/>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/developer1.png') }}"/>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/developer1.png') }}"/>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/developer1.png') }}"/>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/developer1.png') }}"/>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/developer1.png') }}"/>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="{{ asset('web/images/developer1.png') }}"/>
                        </a>
                    </li>
                </ul>
            </div>
            {{--<div class="li2">--}}
            {{--<div class="title">--}}
            {{--<span>施工师傅</span>--}}
            {{--<i class="iconfont icon-you"></i>--}}
            {{--</div>--}}
            {{--<div class="cf">--}}
            {{--<div class="pull-left">--}}
            {{--<div class="active">水电工></div>--}}
            {{--<div>泥瓦工></div>--}}
            {{--<div>木&nbsp;&nbsp;&nbsp;&nbsp;工></div>--}}
            {{--<div>油漆工></div>--}}
            {{--</div>--}}
            {{--<div class="pull-right">--}}
            {{--<ul>--}}
            {{--<li class="li">--}}
            {{--<a class="dot" href="javascript:;">家具百科家具百科家具百科家具百科家具百科家具百科家具百科家具百科家具百科</a>--}}
            {{--</li>--}}
            {{--</ul>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--</div>--}}
            <a href="javascript:;">
                <img class="advance" src="{{ asset('web/images/advance.png') }}" alt="">
            </a>
            <div class="li5">
                <div class="title">
                    <span>专业监理检测</span>
                    <i class="iconfont icon-you"></i>
                </div>
                <div class="jclist">
                    <div onclick="presonlist.swipePrev()" class="left iconfont icon-zuojiantou"></div>
                    <div onclick="presonlist.swipeNext()" class="right iconfont icon-you"></div>
                    <div class="personlist">
                        <div class="swiper-wrapper">
                            @foreach ($testing as $item)
                                <div class="swiper-slide">
                                    <div>
                                        <img src="{{ $item->media->path }}"/>
                                        <div class="text">{{ $item->title }}</div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            <div class="li3">
                <div class="title">
                    <span>成品案例</span>
                    <i class="iconfont icon-you"></i>
                </div>
                <div class='cf'>
                    <div class="pull-left cases">
                        <div class="swiper-wrapper">
                            @foreach ($case as $item)
                                <div class="swiper-slide">
                                    <img src="{{ $item->media->path }}"/>
                                    <div class="text">{{ $item->title }}</div>
                                </div>
                            @endforeach
                        </div>
                        <div class="pagination"></div>
                    </div>
                    <div class="m">
                        @foreach ($case->take(2) as $item)
                            <div class="li">
                                <img src="{{ $item->media->path }}"/>
                                <div class="name">
                                    <div class="text">{{ $item->title }}</div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    @foreach ($case->take(1) as $item)
                        <div class="pull-right">
                            <img src="{{ $item->media->path }}"/>
                            <div class="name">
                                <div class="text">{{ $item->title }}</div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <div class="li4">
        <div class="content">
            <div class="pull-left">自己装修也很轻松!</div>
            <div class="m footzhuanshi">
                <img src="{{ asset('web/images/zhuanshi.png') }}" alt="">
                <div class="text">
                    <div>蚂蚁嘉装一站式贴心服务</div>
                    <span>为您提供最优质的服务</span>
                </div>
            </div>
            <ul class="pull-right">
                <li>
                    <div class="img"></div>
                    <div>xxxx公众号</div>
                </li>
                <li>
                    <div class="img"></div>
                    <div>xxxx公众号</div>
                </li>
                <li>
                    <div class="img"></div>
                    <div>xxxx公众号</div>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="content">
            <div class="list">
                <span>友情链接</span>
            </div>
            <div class="alist">
                @foreach($link as $item)
                    <a href="{{ $item->url }}" target="_blank">{{ $item->name }}</a>
                @endforeach
            </div>

            <div class="aboutUs">
                <div class="t">
                    <a href="javascript:;">关于我们</a>
                    <a href="javascript:;">联系我们</a>
                    <span>网站备案号： 苏ICP备17055766号 www.mayiguan.com</span>
                    <span>蚂蚁家装保留所有权利</span>
                </div>
                <div class="b">
                    <div>免责声明：网站资源均有公共信息网站信息下载或网友自行上传，如发现本网站信息涉及版权或有侵权嫌疑等，请联系邮箱网站客服，蚂蚁馆嘉装将在第一时间予以更改或删除。</div>
                    <div>邮箱：xxxx@qq.com</div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('web/js/jquery.min.js') }}"></script>
<script src="{{ asset('web/js/comm.js') }}"></script>
<script src="{{ asset('web/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('web/js/idangerous.swiper.min.js') }}"></script>
<script>
    new Vue({
        el: '#app',
        data: {}
    })

    var banner = new Swiper('.swiper-container', {
        autoplay: 5000,//可选选项，自动滑动
        loop: true,//可选选项，开启循环
        pagination: '.pagination2',
        autoplayDisableOnInteraction: false
    })
    var mySwiper = new Swiper('.cases', {
        autoplay: 5000,//可选选项，自动滑动
        loop: true,//可选选项，开启循环
        pagination: '.pagination',
        autoplayDisableOnInteraction: false
    })
    var presonlist = new Swiper('.personlist', {
        autoplay: 2000,//可选选项，自动滑动
        loop: true,//可选选项，开启循环
        pagination: '.pagination',
        slidesPerView: 5,
        autoplayDisableOnInteraction: false,
        loopedSlides: 5
    })
</script>
</body>

</html>